window.addEventListener('load', function () {
    // var regqq = /^[1-9]\d{4,}$/; // 10000 qq
    // var regnc = /^[\u4e00-\u9fa5]{2,8}$/; 文字
    var regtel = /^1[3|4|5|7|8|9]\d{9}$/; //电话
    var regmsg = /^\d{6}$/; // 验证码
    var regpsw = /^[a-zA-z0-9]{6,16}$/; // 密码
    var inp = document.querySelectorAll('.inp');
    // 1.手机号 input
    regexp(inp[0], regtel);
    // 2. 短信验证码
    regexp(inp[1], regmsg);
    // 3.登录密码
    regexp(inp[2], regpsw);
    function regexp(ele, reg) {
        ele.addEventListener('blur', function () {
            if (reg.test(this.value)) {
                // .success 里面还有文字等 需要变换
                this.nextElementSibling.className = 'success';
                this.nextElementSibling.innerHTML = '<i class="success_icon"></i> 格式正确';
            } else {
                this.nextElementSibling.className = 'error';
                this.nextElementSibling.innerHTML = '<i class="error_icon"></i> 格式不正确，请重新输入';
            }
        })
    };

    // 4.确认密码
    inp[3].addEventListener('blur', function () {
        if (this.value == inp[2].value) {
            this.nextElementSibling.className = 'success';
            this.nextElementSibling.innerHTML = '<i class="success_icon"></i> 格式正确';
        } else {
            this.nextElementSibling.className = 'error';
            this.nextElementSibling.innerHTML = '<i class="error_icon"></i> 两次输入密码不一致，请重新输入';
        }
    })
})